﻿
@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/easyUI")
    @Scripts.Render("~/bundles/echarts")
    @Scripts.Render("~/basejs")
    @Styles.Render("~/Content/css")
</head>
<body>
    <div style="position:absolute;left:10%;right:10%;">
        <h2>盾构数据仿真系统</h2>
        <div style="margin:20px 0 10px 0;"></div>
        <div id="menu" class="easyui-tabs" style="height:auto">
            <div title="说明" style="padding:10px">
                <p style="font-size:14px">本系统设计用于模拟盾构仿真数据的生成及数据分析功能</p>
                <ul>
                    <li>1.仿真默认可以显示最新30条数据，以表格形式展示</li>
                    <li>2.通过查询时间段，获得时间段内具体数据</li>
                    <li>3.折线图 最近多条数据变化规律</li>
                    <li>4.柱状图 最近一段时间数据统计</li>
                    <li>5.生成规则改变：现在环号是依据第一个数据生成时间为环号起点计算，按照真实的每分钟环号自增，即使停止生成，下次生成依然会根据当前第一个数据生成时间为起点计算环号</li>
                </ul>
            </div>
            <div title="仿真器开关" style="padding:10px">
                <div style="padding:5px 0;">
                    <a id="startSim" class="easyui-linkbutton" style="width:80px;background-color:greenyellow" href="javascript:void(0)">启动</a>
                    <a id="stopSim" class="easyui-linkbutton" style="width:80px;background-color:red" href="javascript:void(0)">停止</a>
                </div>
                <div class="listViewShowPage">
                    <table name="listViewCategory" style="width:800px;height:30px;border:2px" cellpadding="0" cellspacing="0">
                        <tr>
                            <td style="width:20px">序号</td>
                            <td style="width:80px">id</td>
                            <td style="width:100px">环号</td>
                            <td style="width:100px">土压</td>
                            <td style="width:50px">温度</td>
                            <td style="width:100px">流量</td>
                            <td style="width:150px">时间</td>
                        </tr>
                    </table>
                    <table name="listView" style="width:800px" cellpadding="0" cellspacing="0">
                        <tr>
                            <td colspan="7" style="font-size:20px;font-family:'Microsoft YaHei'">还没有生成数据呢，点击启动按钮开始生成数据</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div title="查询数据" style="padding:10px">
                <ul>
                    <li>
                        <input id="starttime" class="easyui-datetimebox" name="birthday" data-options="required:true,showSeconds:true" value="" style="width:150px">至
                        <input id="endtime" class="easyui-datetimebox" name="birthday" data-options="required:true,showSeconds:true" value="" style="width:150px">
                        <input id="searchlist" value="查询" onclick="searchListData(this)" type="button" style="width:60px"/>
                        <input id="deleteselected" value="删除多条数据" onclick="DeleteLotsOfData(this)" type="button" style="width:150px" />
                        <input id="updateselected" value="更新多条数据" onclick="EditLotsOfData(this)" type="button" style="width:150px" />
                    </li>
                </ul>
                <div class="listEditShowPage">
                    <table name="listEditCategory" style="width:750px;height:30px;border:2px" cellpadding="0" cellspacing="0">
                        <tr>
                            <td style="width:20px"></td>
                            <td style="width:50px">id</td>
                            <td style="width:100px">环号</td>
                            <td style="width:100px">土压</td>
                            <td style="width:50px">温度</td>
                            <td style="width:100px">流量</td>
                            <td style="width:150px">时间</td>
                            <td style="width:180px" colspan="2">操作</td>
                        </tr>
                    </table>
                    <table name="listEdit" cellpadding="0" cellspacing="0">
                    </table>
                </div>
            </div>
            <div title="查看图形" style="padding:10px">
                <ul>
                    <li>
                        <input id="starttime" class="easyui-datetimebox" name="birthday" data-options="required:true,showSeconds:true" value="" style="width:150px">至
                        <input id="endtime" class="easyui-datetimebox" name="birthday" data-options="required:true,showSeconds:true" value="" style="width:150px">
                        <input id="searchGraph" value="查询" type="button" style="width:60px"/>
                    </li>
                </ul>
                <div class="zhexiantu" style="display:none;width:1200px;height:600px" id="zhexiantu">
                    这里放折线图
                </div>
                <div class="zhuzhuangtu" style="display:none;width:1200px;height:700px" id="zhuzhuangtu">
                    这里放柱状图
                </div>
            </div>
        </div>
        <div id="graphDDL">
            <div id="showZheXianTu">查看折线图</div>
            <div id="showZhuZhuangTu">查看柱状图</div>
        </div>
    </div>


</body>
</html>
